<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{$meta_title}</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Blovex4/css/amazeui.min.css" />
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Blovex4/css/custom.css" />
        <link rel="stylesheet" type="text/css" href="__PUBLIC__/Blovex4/css/admin.css" />
        <style>
            body {
                background-color: #63B8FF;
            }
            
        </style>
        <script type="text/javascript" src="__PUBLIC__/Common/js/jquery-2.0.3.min.js">
        </script>
        <script src="__PUBLIC__/Common/js/amazeui.min.js" type="text/javascript">
        </script>
    </head>
    <body>
        <div class="am-g login-header">
        </div>
        <div class="am-g am-padding-top-lg">
            <div class="am-u-lg-3 am-u-md-5 am-u-sm-centered">
                <form method="post" class="am-form" action="{:U('login')}">
                    <div class="am-input-group am-padding-top">
                        <span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
                        <input type="text" class="am-form-field" placeholder="Username" name="adminname" required/>
                    </div>
                    <div class="am-input-group am-padding-top">
                        <span class="am-input-group-label"><i class="am-icon-lock am-icon-fw"></i></span>
                        <input type="password" class="am-form-field" placeholder="password" name="password" required/>
                    </div>
                    <div class="am-input-group am-padding-top">
                        <input type="text" class="am-form-field" name="verify" id="verify" autocomplete="off" placeholder="验证码" required/>
                        <div class="am-input-group-btn am-padding-left">
                            <img class="verifyimg reloadverify" title="点击切换" src="{:U('Public/verify')}" style="cursor: pointer; height:40px"/>
                        </div>
                    </div>
                    <div class="am-form-group am-padding-top">
                        <button type="submit" class="am-btn am-btn-success am-fl">
                            登 录
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <footer data-am-widget="footer" class="am-footer am-footer-one am-footer-fixed" data-am-footer="{}">
            <div class="am-footer-miscs ">
                <p>
                    由<a href="http://www.bloveambition.com/" title="蓝凌科技" target="_blank" class="">蓝凌科技</a>提供技术支持
                </p>
                <p>
                    CopyRight©2015
                </p>
            </div>
        </footer>
        <script type="text/javascript">
            $(function(){
           
                //刷新验证码
                var verifyimg = $(".verifyimg").attr("src");
                $(".reloadverify").click(function(){
                    if (verifyimg.indexOf('?') > 0) {
                        $(".verifyimg").attr("src", verifyimg + '&random=' + Math.random());
                    }
                    else {
                        $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/, '') + '?' +
                        Math.random());
                    }
                });
                
            });
        </script>
    </body>
</html>
